<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="author" content="">
    <title>选项卡页面</title>
    <% include("../inc/list_css.html"){}%>
</head>
<body>
<div class="ibox">
    <div class="ibox-title">
        <div class="pull-left mbx navbar_title"><span class="current">审核管理 </span>
            <span class="line">/</span>
            企业认证
        </div>
    </div>
    <div class="ibox-content">
        <div class="colorful-tab-wrapper" id="colorful-flatline">

            <ul class="colorful-tab-menu ">

                <li class="colorful-tab-menu-item active relative_position">
                    <a href="#fl-0">待审核</a>
                    <div class="tab_div">
                    </div>
                    <span class="notice" id="dsh"></span>
                </li>
                <li class="colorful-tab-menu-item relative_position margin-left_-15">
                    <a href="#fl-1">审核通过</a>
                    <div class="tab_div">
                    </div>
                    <span class="notice" id="shtg" style="left: 69%"></span>
                </li>
                <!--<li class="colorful-tab-menu-item relative_position margin-left_-15">
                    <a href="#fl-2">审核未通过</a>
                    <div class="tab_div">
                    </div>
                    <span class="notice" id="shwtg" style="left: 73%"></span>
                </li>-->

            </ul>
            <div class="colorful-tab-container margin-top-8">
                <div class="colorful-tab-content active" id="fl-0">
                    <div class="row padding-right-20">
                        <div class="col-md-12 padding-bottom-80">
                            <table data-toggle="table " id="table1" data-show-export="true"
                                   class="hive_table table-striped table-no-bordered fixed-table-container table-row-border-color table-hovered table-hover">
                                <thead class="table-header">
                                <tr>
                                    <th data-field="realName">姓名</th>
                                    <th data-field="phone">手机号</th>
                                    <th data-field="agentApplyDate">提交时间</th>
                                    <th data-field="head" data-formatter="dataFormatter">操作</th>
                                </tr>
                                </thead>
                            </table>

                        </div>
                    </div>

                </div>
                <div class="colorful-tab-content " id="fl-1">
                    <div class="row padding-right-20">
                        <div class="col-md-12 padding-bottom-80">
                            <table data-toggle="table " id="table2" data-show-export="true"
                                   class="hive_table table-striped table-no-bordered fixed-table-container table-row-border-color table-hovered table-hover">
                                <thead class="table-header">
                                <tr>
                                    <th data-field="realName">姓名</th>
                                    <th data-field="phone">手机号</th>
                                    <th data-field="agentApplyDate">提交时间</th>
                                    <th data-field="head" data-formatter="dataFormatter">操作</th>
                                </tr>
                                </thead>
                            </table>

                        </div>
                    </div>
                </div>
                <div class="colorful-tab-content " id="fl-2">
                    <div class="row padding-right-20">
                        <div class="col-md-12 padding-bottom-80">
                            <table data-toggle="table " id="table3" data-show-export="true" class="hive_table table-striped table-no-bordered fixed-table-container table-row-border-color table-hovered table-hover">
                                <thead class="table-header">
                                <tr>
                                    <th data-field="realName">姓名</th>
                                    <th data-field="phone">手机号</th>
                                    <th data-field="agentApplayDate">提交时间</th>
                                    <th data-field="head" data-formatter="dataFormatter">操作</th>
                                </tr>
                                </thead>
                            </table>

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>


</div>

<% include("../inc/list_js.html"){}%>
<script>
    $(document).ready(function () {

        $("#colorful-flatline").colorfulTab({
            theme: "flatline"
        });

    });

    (function (document, window, $) {
        'use strict';

        var Site = window.Site;
        $(document).ready(function () {
            Site.run();
        });
    })(document, window, jQuery);

    $('#table1').bootstrapTable({
        url: "ajaxlist?agentStates=1",
        dataType: 'json',
        contentType: 'application/json',
        search: true,
        searchAlign: 'right',
        pagination: true,
        showRefresh: true,
        pageSize: 20,
        showToggle: false,//是否显示card/table切换按钮
        showColumns: true,//是否显示内容列下拉框
        pageList: [20, 50, 100],
        iconSize: 'outline',
        toolbar: '#eventsToolbar',
        paginationHAlign: 'right', //right, left
        paginationVAlign: 'bottom',
        formatNoMatches: function () { //判断有无数据
            var imghtml = '<div class="flexed_column content_center content_alignCenter padding-20"><img src="https://static.9hive.cn/global/img/nodata.png" class="no_data"/><span class="font-size-16">暂无数据</span></div>';
            return imghtml;
        },
        formatLoadingMessage: function () {  //数据加载中样式
            return ' <div id="loading"><div id="loading-center">' +
                '<div id="loading-center-absolute"><div class="object" id="object_one">' +
                '</div><div class="object" id="object_two"></div><div class="object" id="object_three">' +
                '</div><div class="object" id="object_four"></div></div></div>努力加载中...</div>'
        },
        icons: {
            refresh: 'icon-refresh',
            toggle: 'glyphicon-list-alt',
            columns: 'icon-select',
            export: 'icon-export'
        },
        responseHandler: function (res) {
            $("#dsh").html(res.length);
            return res;
        }
    });


    $('#table2').bootstrapTable({
        url: "ajaxlist?agentStates=2",
        dataType: 'json',
        contentType: 'application/json',
        search: true,
        searchAlign: 'right',
        pagination: true,
        showRefresh: true,
        pageSize: 20,
        showToggle: false,//是否显示card/table切换按钮
        showColumns: true,//是否显示内容列下拉框
        pageList: [20, 50, 100],
        iconSize: 'outline',
        toolbar: '#eventsToolbar2',
        paginationHAlign: 'right', //right, left
        paginationVAlign: 'bottom',
        formatNoMatches: function () { //判断有无数据
            var imghtml = '<div class="flexed_column content_center content_alignCenter padding-20"><img src="https://static.9hive.cn/global/img/nodata.png" class="no_data"/><span class="font-size-16">暂无数据</span></div>';
            return imghtml;
        },
        formatLoadingMessage: function () {  //数据加载中样式
            return ' <div id="loading"><div id="loading-center">' +
                '<div id="loading-center-absolute"><div class="object" id="object_one">' +
                '</div><div class="object" id="object_two"></div><div class="object" id="object_three">' +
                '</div><div class="object" id="object_four"></div></div></div>努力加载中...</div>'
        },
        icons: {
            refresh: 'glyphicon-repeat',
            toggle: 'glyphicon-list-alt',
            columns: 'glyphicon-list',
            export: 'glyphicon-export icon-share'
        },
        responseHandler: function (res) {
            $("#shtg").html(res.length);
            return res;
        },

    });
    /*$('#table3').bootstrapTable({
        url: "ajaxlist?agentStates=3",
        dataType: 'json',
        contentType: 'application/json',
        search: true,
        searchAlign: 'right',
        pagination: true,
        showRefresh: true,
        pageSize: 20,
        showToggle: false,//是否显示card/table切换按钮
        showColumns: true,//是否显示内容列下拉框
        pageList: [20, 50, 100],
        iconSize: 'outline',
        toolbar: '#eventsToolbar2',
        paginationHAlign: 'right', //right, left
        paginationVAlign: 'bottom',
        formatNoMatches: function () { //判断有无数据
            var imghtml = '<div class="flexed_column content_center content_alignCenter padding-20"><img src="https://static.9hive.cn/global/img/nodata.png" class="no_data"/><span class="font-size-16">暂无数据</span></div>';
            return imghtml;
        },
        formatLoadingMessage: function () {  //数据加载中样式
            return ' <div id="loading"><div id="loading-center">' +
                '<div id="loading-center-absolute"><div class="object" id="object_one">' +
                '</div><div class="object" id="object_two"></div><div class="object" id="object_three">' +
                '</div><div class="object" id="object_four"></div></div></div>努力加载中...</div>'
        },
        icons: {
            refresh: 'glyphicon-repeat',
            toggle: 'glyphicon-list-alt',
            columns: 'glyphicon-list',
            export: 'glyphicon-export icon-share'
        },
        responseHandler: function (res) {
            $("#shwtg").html(res.length);
            return res;
        }

    });*/



    function dataFormatter(value, row, index){//待审核操作

        var html = '<a class="am-text-secondary" href="detail?id='+row.id+'" data-toggle="tooltip" title="查看详情">查看详情</a>';
        /*html += '<a href="javascript:void(0)" onclick="authlog(\''+row.id+'\');" data-toggle="tooltip" title="审核日志" style="margin-left: 10px">审核日志</a>';*/
        return html;
    }

    function authlog(id) {
        /*var width=$(document).width()-1000+"px";
         var height=$(window).height()-1200+"px";*/
        parent.layer.open({
            shade: [0.3,'#fff'],//0.1透明度的白色背景
            type: 2,
            area: ["800px", "500px"],
            content: '/sys/authlog/list?companyInfoId='+id+"",
            title: '审核日志',
            success: function(layero, index){
                childBody = parent.layer.getChildFrame('body', index);
            }

        });
    }



</script>
</body>
</html>